﻿/*************************************页面初始配置start***********************************/
body{overflow:hidden;margin: 0px; padding: 0px; border: 0px; overflow:auto; height: 100%; width: 100%; font-size:14px; font-family:"微软雅黑";}
#title{font-size: 22px; font-family: Times New Roman; color: rgb(10,36,106); /*rgb(10,36,106)*/ font-weight: bold; display: block;}
#map, .olMap{height: 100%; width: 100%; overflow: hidden; position: absolute;}
.backgroundDiv{background-image: url("../Libs/images/background.png"); height: 15px; width: 16px; position: absolute; background-repeat: no-repeat; background-position: center center; left: 50%; top: 50%; z-index: 1;}
.layerSwitcherDiv{height: 30px; right: 0px; position: absolute; background-color: #F5F5F5; width: 120px; border: 1px solid; top: 0px; z-index: 2000;font-size:14px; font-family:"微软雅黑";}
.LabelList{height: 30px; line-height: 30px; position: absolute; top: 43px; z-index: 1; display:none;}
.LabelList ul{list-style: outside none none; margin: 0; padding: 0;}
.LabelList ul li{border: 1px solid #bccfeb; float: left; height: 30px; padding-left: 3px; width: 70px; box-shadow: 0 0 10px #5a6a81; background-color:#BBC9DE;}
.LabelList ul li:hover{background-color: #E3E8F0; cursor: pointer;}
.LabelList ul li:active{background-color: #d0d3cf;}
label{font-weight:normal !important;display:inline !important;}
/*************************************页面初始配置end***********************************/
/*************************************实时水情start***********************************/
.logoImg{background-image: url(../Libs/images/logo.png); width: 378px; height: 75px; left:40px; position: absolute; z-index: 1000;}
.fixed-table-pagination .pagination-detail {
    margin-top: 5px !important;
    margin-bottom: 0px !important;
}
.fixed-table-pagination .pull-right {
   margin-top: 0px !important;
}
.containerBack{width: 240px; height: 160px; position: absolute; z-index: 999; top: 80px; left: 30px;  opacity: 0.5; background-color: #D9D8D7;}
.w90 .th-inner {
    width:90px !important;
}
.w120 .th-inner {
    width:120px !important;
}
.w80 .th-inner {
    width:80px !important;
}
.w60 .th-inner {
    width:60px !important;
}
.w70 .th-inner {
    width:70px !important;
}
.w160 .th-inner {
    width:160px !important;
}
.w200 .th-inner {
    width:200px !important;
}
.w220 .th-inner {
    width:220px !important;
}
.list-group-item
{
    border:none !important;
    }
.list-group-item:first-child
{
 border-radius:0px !important;   
}
.list-group-item2
{
    padding:5px 10px !important;
}
.funpanel
{
    
}
.result
{
    background-color:White;
    padding-top:20px;
    top:20px;
    right:20px;
    border:0px solid rgba(0,0,0,0.5);
    border-radius:7px; 
    width:370px !important;
    right:40px !important;
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    border: 1px solid #cccccc;
}
.result1
{
    background-color:White;
    padding-top:20px;
    top:20px;
    left:40px;
    border:1px solid rgba(0,0,0,0.5);
    border-radius:3px; 
}

.search
{ 
    width:120px;
}
.tful .list-group-item
{
    padding:5px 8px;
    
}
.legend_control {
    position: fixed;
    left: 140px;
    bottom: 0px;
    width: 190px; 
    background: rgba(20, 43, 68, 0.8);
    color: #ffffff;
    padding: 5px 0 0 0;
    -webkit-user-select: none;
    border: 0;
    opacity:0.9;
    margin-bottom: 28px; 
    display: none;
}

#tableclose
{
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 12px;
    cursor: pointer;
    
}
#tableclose:after
{
    content: "✖";
    }
.pull-min
{
    cursor:pointer;
}

.tag {
    background: url(../Libs/images/legend/legend.png) no-repeat;
    display: block;
    height: 60px;
    width: 60px;
    cursor:pointer;
}

.legend_shuiqing
{
    position: fixed;
    left: 140px;
    bottom: 200px;
    width: 190px; 
    background: rgba(20, 43, 68, 0.8);
    color: #ffffff;
    padding: 5px 0;
    -webkit-user-select: none;
    border: 0;
    opacity:0.9;
    
}

.legImg {
    margin: 0 5px;
    height: 10px;
    width: 10px;
}
img {
    border-style: none;
}
#legendItems {
    max-height: 220px;
    overflow-x: hidden;
    overflow-y: hidden;
}
.lenendtb
{
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
    }
.row1 {
    margin-right: -5px;
    margin-left: -5px;
    height: 15px;
    margin-bottom: 5px;
}
.legend_body >div {
    margin-bottom: 5px;
    font-size: 0.75rem;
}
.legend_title {
    line-height: 20px;
    height: 23px;
    margin-bottom: 15px;
    margin-left: 5px;
    border-bottom: 1px solid #0095fb;
}
.legMax {
    display: block;
    margin: 0;
    padding: 0;
}
.u-bar {
    width: 7px;
    background-color: #00a3d8;
    height: 20px;
    line-height: 20px;
    margin-right: 6px;
    float: left;
}
      
#layers
{
    position:absolute;
    width: 50px;
    height: 180px;
    left: 50px;
    bottom: 20px;
    
}

.baselayer
{ 
    position:absolute;
    left:0px;
    width:50px;
    height:50px;
    border:1px solid rgba(102,102,102,0.5);
    cursor:pointer;
}

.veclayer
{
    top:0px;
}

.imglayer
{
    top:60px;
}

.terlayer
{
    top:120px;
}
.applyImg{width: 88px; height: 30px; position: absolute; z-index: 1000; top: 80px; left: 30px; background-color: #D9D8D7; opacity: 0.8; text-indent: 11px; line-height: 30px; font-size: 15px;  }
.applyImg:hover{cursor:pointer;}
.closeDiv{width: 152px; height: 30px; position: absolute; z-index: 1000; top: 80px; left: 118px; opacity: 0.8; background-color: #D9D8D7;}
.closeImg{width: 25px; height: 25px; position: absolute; left: 125px; background-image: url("../Libs/images/Close.png");}
.closeImg:hover{cursor:pointer;}

.applyContainer{width: 240px; height: 130px; position: absolute; z-index: 1000; top: 110px; left: 30px; box-shadow: 0px 0px 10px #757770; font-size: 13px; }
.applyContainer ul{height: 132px; margin: 0px; padding: 0 0 0 20px;}
.applyContainer ul li{list-style: outside none none; float: left; width: 90px; margin: 20px 15px 0px 0px; font-size: 13px; left: 20px;}
.applyContainer ul li input{display: inline-block; margin: 0; vertical-align: middle; margin-top: -1px;}
.applyContainer ul li label{display: inline-block; padding-left: 10px;}
.sqDiv{position: absolute; right: 2px; height: 515px; width: 295px; z-index: 1000; border: thin solid #959095; top: 75px; box-shadow: 0px 0px 10px #5A6A81; display: none;}
.sqTop{height: 61px; width: 100%;}
.sqHeader{height: 33px; background-color: #DFDFDF; text-indent: 10px; line-height: 33px; border: 1px solid #E0C9C9;}
.sqHeader:hover{cursor:pointer;}
.sqContent{background-color: #FFF; height: 28px; border: 1px solid rgb(213, 196, 196);}
.sqContent input{margin: 8px 3px 3px 60px;}
.sqMain{height: 386px; background-color: #FBF9F9;}
.hlxxContent{height: 386px; width: 295px; overflow: auto; background-color: #FBF9F9; display: none;}
.hlxxContent table{background-color: #F7F7F7; width: 295px; border-collapse: collapse; table-layout: fixed;}
.hlxxContent table, tr, td, th{border: thin solid #959095; font-size: 12px;}
.hlxxContent table, tr{height: 30px;}
.hlxxContent table, th{width: 100px;}
.sqSplitDiv{background-image: url("../Libs/images/splitShow.png"); position: absolute; right: 0px; top: 76px; z-index: 1000; height: 78px; width: 30px; display: none;}
.sqSplitDiv:hover{cursor:pointer;}
.sssqTrInfo.a{background-color: #7FCEFF;}
.sssqTrInfo.b{background-color: #B2E1FF;}
.c{background-color: #F7F7F7;}
/*************************************实时水情end***********************************/
/************************************实时雨情start********************************/
.ssyqDiv{position: absolute; right: 2px; height: 515px; width: 295px; z-index: 1000; border: thin solid #959095; top: 75px; box-shadow: 0px 0px 10px #5A6A81; display: none;}
.yqTop{border: thin solid #959095; height: 110px; width: 100%;}
.yqCnter{border: thin solid #959095; height: 123px; width: 100%; margin-top: 5px;}
.yqBottom{width: 100%;}
.yqContent{background-color: White; height: 90px;}
.yqContent ul{height: 132px; margin: 0px; padding: 0px;}
.yqContent ul li{list-style: outside none none; background: transparent url("../Libs/images/taifeng/Wind01.png") no-repeat scroll 0% 0%; text-indent: 17px; float: left; width: 88px; margin: 10px 5px 0px; font-size: 12px; position: relative; left: 20px; display: inline;}
.yqContent ul li input{position: absolute; left: -20px; bottom: 1px;}
.yqTopTime{font-size: 13px; background-color: white; height: 77px;}
.yqTopTime input{width: 80px; margin-left: 4px; margin-top: 2px;}
.yqTopTime select{width: 60px; position: relative; left: 10px; height: 22px;}
.yqbottom{margin-top: 5px; border: thin solid #959095;}
.yqHeader{height: 33px; background-color: #DFDFDF; text-indent: 10px; line-height: 33px; border: 1px solid #E0C9C9;}
.yqHeader:hover{cursor:pointer;}
.ylxxContent{height: 170px; width: 295px; overflow: auto; background-color: #FBF9F9; display: none;}
.ylxxContent table{background-color: #F7F7F7; width: 295px; border-collapse: collapse; table-layout: fixed;}
.ylxxContent table, tr, td, th{border: thin solid #959095; font-size: 12px;}
.ylxxContent table, tr{height: 30px;}
.ssyqTrInfo.a{background-color: #7FCEFF;}
.ssyqTrInfo.b{background-color: #B2E1FF;}
.c{background-color: #F7F7F7;}
.yqSplitDiv{background-image: url("../Libs/images/splitShow.png"); position: absolute; right: 296px; top: 66px; z-index: 1000; height: 78px; width: 30px; display: none;}
.yqSplitDiv:hover{cursor:pointer;}
/************************************实时雨情end********************************/
/************************************台风路径start******************************/
.tfDiv{display: none;}
.tuliCoverLayer{position: absolute; z-index: 998; top: 280px;left: 30px;width: 240px; height: 160px; opacity: 0.5; background-color: #D9D8D7; }
.tuliDiv{position: absolute; top: 280px; z-index: 999; }
.tuliHeader{position: absolute; z-index: 1000; left: 30px; background-color: #D9D8D7; height: 30px; width: 88px; opacity: 0.8; text-indent: 11px; line-height: 30px; font-size: 15px;}
.tuliHeader:hover{cursor:pointer;}
.tuliContent{width: 240px; height: 130px; position: absolute; z-index: 1000; top: 30px; left: 30px;  font-size: 13px;  box-shadow: 0px 0px 10px #757770;}
.tuliContent ul{height: 132px; margin: 0px; padding: 0 0 0px 20px;}
.tuliContent ul li{list-style: none; background: url('../Libs/images/taifeng/Wind01.png') no-repeat; float: left; width: 70px; margin: 20px 10px 0 0; padding-left: 20px;}
.tfRightDiv{position: absolute; right: 2px; height: 515px; width: 295px; z-index: 1000; border: thin solid #959095; top: 75px; box-shadow: 0px 0px 10px #5A6A81;}
.tfHeader{height: 33px; background-color: #DFDFDF; text-indent: 10px; line-height: 33px; border: 1px solid #E0C9C9;}
.tfRightDiv table{border: 0; border-collapse: collapse; width: 100%;}
.tfRightDiv table tr td{text-align: center;}
.tfljDetailedTrInfo.a{background-color: #7FCEFF;}
.tfljDetailedTrInfo.b{background-color: #B3E1FF;}
.c{background-color: white;}
.choiceDiv{height: 220px; width: 295px; background: #F4F4F4;}
.resDiv{background: #F4F4F4 none repeat scroll 0% 0%; height: 295px; width: 295px; overflow: auto;}
.tfljContent{overflow: auto; height: 241px;}
.tfDetail{ width: 220px;  z-index: 2000;}
.tfDetailHeader{text-indent: 10px; line-height: 34px; font-size: 14px; background: #e9e9e9 none repeat scroll 0% 0%;}
.tfDetailInfo{position: absolute; left: 20px;  height: 190px; width: 180px; top: 50px; font-size: 13px; line-height: 20px;  padding-left:5px; }
.closeDivTF{width: 152px; height: 28px; position: absolute; z-index: 1000; left: 118px; opacity: 0.8; background-color: #D9D8D7;}
.closeImgTF{width: 25px; height: 28px; position: absolute; left: 125px; background-image: url("../Libs/images/Close.png");}
.closeImgTF:hover{cursor:pointer;}
.tfSplitDiv{background-image: url("../Libs/images/splitShow.png"); position: absolute; right: 296px; top: 66px; z-index: 1000; height: 78px; width: 30px; display: none;}
.tfSplitDiv:hover{cursor:pointer;}
/************************************台风路径end********************************/

/************************************卫星云图********************************/
.ui-dialog,.ui-widget,.ui-widget-content,.ui-corner-all,.ui-front,.ui-draggable,.ui-resizable{ z-index: 9999; }
#dialog{font-size:14px;font-family:"微软雅黑"; z-index: 10000; width:920px; height:590px; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget, .ui-widget input, .ui-widget select{font-size:14px;font-family:"微软雅黑";}
.ui-widget .ui-widget{font-size:14px; font-family:"微软雅黑"; color: #222222;}
#wxytIframe{ width:100%; height:100%; z-index: 10001;}
/************************************卫星云图end********************************/

/************************************标注Popup********************************/
.ol-popup {
    position: absolute;
    background-color: white;
    -webkit-filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    filter: drop-shadow(0 1px 4px rgba(0,0,0,0.2));
    padding: 18px 18px 15px 15px;
    border-radius: 7px;
    border: 1px solid #cccccc;
    bottom: 12px;
    left: -50px;
}
.ol-popup:after, .ol-popup:before {
    top: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.ol-popup:after {
    border-top-color: white;
    border-width: 10px;
    left: 48px;
    margin-left: -10px;
}
.ol-popup:before {
    border-top-color: #cccccc;
    border-width: 11px;
    left: 48px;
    margin-left: -11px;
}
.ol-popup-closer {
    text-decoration: none;
    position: absolute;
    top: 2px;
    right: 8px;
    cursor:pointer;
}
.ol-popup-closer:after {
    content: "✖";
}
#popup-content{
    font-size:14px;
    font-family:"微软雅黑";
}

/************************************标注Popup end********************************/